<div class="mid-nav center outer-carousel">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <!--<c:forEach var="c" items="${fList}" varStatus="status">-->
            <li data-target="#carousel-example-generic" ng-repeat="img in ads" data-slide-to="{{$index+1}}"></li>
            <!--</c:forEach>-->
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a href="javascript:void(0)"> <img src="./img/1.jpg">
                    <div class="carousel-caption">M记</div>
                </a>
            </div>
            <!--<c:forEach var="f" items="${fList}">-->
                <div class="item" ng-repeat="f in ads">
                    <a href="#showFood?mId={{f.mId}}"> <img src="{{imgPath}}{{f.fViewPath}}">
                        <!--<a href="aDFoodController?fId=${f.fId}"> <img src="${myPicServer}${f.fViewPath}">-->
                        <!--<div class="carousel-caption">${f.fName}</div>-->
                        <div class="carousel-caption">{{f.fName}}</div>
                    </a>
                </div>
            <!--</c:forEach>-->
        </div>

        <!-- Controls -->
<!--    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>    -->
    </div>
</div>


<div class="mid-nav shadow-div">
    <div class="row list-row">
            <div class="col-sm-4 col-md-3" ng-repeat="merchant in merchants">
                <input type="text" value="{{merchant._id}}" style="display: none;" />
                <div class="thumbnail">
                    <!--<i class="inside-icon glyphicon glyphicon-search"></i>-->
                    <a href="#showFood?mId={{merchant._id}}"> <img src="{{imgPath}}{{merchant.mLogoPath}}" class="home-img">
                        <div class="caption">
                            <h3>{{merchant.mBrand}}</h3>
                            <div class="row no-margin">
                                <div class="col-md-8">
                                    <span class="glyphicon glyphicon-phone-alt tel-icon"></span> <b>{{merchant.mTel}}</b>
                                </div>
                                <div class="col-md-4">
                                    <span>{{merchant.mStark}}分</span>

                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

    </div>
</div>

